.codepen-wrapper[data-codepen-id="wijeC"] * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.codepen-wrapper[data-codepen-id="wijeC"] body {
position: relative;
background: #77c5ab;
text-align: center;
padding: 40px 0;
}

.codepen-wrapper[data-codepen-id="wijeC"] #white-house {
position: relative;
display: inline-block;
overflow: hidden;
width: 329px;
height: 163px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .roof {
position: absolute;
background: #dadcd1;
top: 54px;
left: 29px;
width: 272px;
height: 11px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .ledge {
position: absolute;
background: #dadcd1;
border-top: solid 2px #c8cbc2;
top: 65px;
left: 32px;
width: 266px;
height: 82px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .steps {
position: absolute;
background: #e7e9db;
top: 147px;
left: 20px;
width: 290px;
height: 16px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .flagpole {
position: absolute;
background: #e7e9db;
top: 0;
left: 165px;
width: 1px;
height: 27px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .flag {
-moz-box-shadow: inset 0 1px 0 0 #d25a26, inset 0 2px 0 0 #fdfffe, inset 0 3px 0 0 #d25a26, inset 0 4px 0 0 #fdfffe, inset 0 5px 0 0 #d25a26, inset 0 6px 0 0 #fdfffe, inset 0 7px 0 0 #d25a26, inset 0 8px 0 0 #fdfffe, inset 0 9px 0 0 #d25a26, inset 0 10px 0 0 #fdfffe, inset 0 11px 0 0 #d25a26;
-webkit-box-shadow: inset 0 1px 0 0 #d25a26, inset 0 2px 0 0 #fdfffe, inset 0 3px 0 0 #d25a26, inset 0 4px 0 0 #fdfffe, inset 0 5px 0 0 #d25a26, inset 0 6px 0 0 #fdfffe, inset 0 7px 0 0 #d25a26, inset 0 8px 0 0 #fdfffe, inset 0 9px 0 0 #d25a26, inset 0 10px 0 0 #fdfffe, inset 0 11px 0 0 #d25a26;
box-shadow: inset 0 1px 0 0 #d25a26, inset 0 2px 0 0 #fdfffe, inset 0 3px 0 0 #d25a26, inset 0 4px 0 0 #fdfffe, inset 0 5px 0 0 #d25a26, inset 0 6px 0 0 #fdfffe, inset 0 7px 0 0 #d25a26, inset 0 8px 0 0 #fdfffe, inset 0 9px 0 0 #d25a26, inset 0 10px 0 0 #fdfffe, inset 0 11px 0 0 #d25a26;
position: absolute;
background: #d25a26;
top: 0;
left: 166px;
width: 16px;
height: 11px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .flag:before {
content: " ";
position: absolute;
background: #405d6b;
top: 0;
left: 0;
width: 6px;
height: 4px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-roof {
position: absolute;
top: 25px;
left: 110px;
width: 110px;
height: 27px;
border-style: solid;
border-color: transparent transparent #e7e9db transparent;
border-width: 0 54px 27px 55px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-roof:after {
content: " ";
position: absolute;
background: #e7e9db;
left: -55px;
bottom: -30px;
width: 110px;
height: 3px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-ledge {
position: absolute;
background: #e7e9db;
border-top: solid 2px #cbccc4;
top: 55px;
left: 113px;
width: 104px;
height: 13px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar {
position: absolute;
background: #d0d2c7;
top: 68px;
width: 9px;
height: 95px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar:before, .codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar:after {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
content: " ";
position: absolute;
background: #c3c2bd;
top: 0;
width: 4px;
height: 4px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar:before {
left: -3px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar:after {
right: -3px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar.pillar-1 {
left: 116px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar.pillar-2 {
left: 144px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar.pillar-3 {
left: 177px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance-pillar.pillar-4 {
left: 205px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .entrance {
-moz-border-radius: 50px 50px 0 0;
-webkit-border-radius: 50px;
border-radius: 50px 50px 0 0;
position: absolute;
background: #7b7b7b;
top: 117px;
left: 156px;
width: 18px;
height: 30px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window {
position: absolute;
width: 13px;
height: 23px;
border-style: solid;
border-color: #6f6f6f #7b7b7b #7b7b7b #6f6f6f;
border-width: 12px 7px 11px 6px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-1 {
top: 81px;
left: 40px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-2 {
top: 81px;
left: 59px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-3 {
top: 81px;
left: 78px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-4 {
top: 81px;
left: 97px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-5 {
top: 115px;
left: 40px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-6 {
top: 115px;
left: 59px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-7 {
top: 115px;
left: 78px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-8 {
top: 115px;
left: 97px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-9 {
top: 81px;
left: 219px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-10 {
top: 81px;
left: 238px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-11 {
top: 81px;
left: 257px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-12 {
top: 81px;
left: 276px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-13 {
top: 115px;
left: 219px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-14 {
top: 115px;
left: 238px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-15 {
top: 115px;
left: 257px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-16 {
top: 115px;
left: 276px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-17 {
top: 81px;
left: 129px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-18 {
top: 81px;
left: 158px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-19 {
top: 81px;
left: 188px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-20 {
top: 120px;
left: 129px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .window.window-21 {
top: 120px;
left: 188px;
}
.codepen-wrapper[data-codepen-id="wijeC"] #white-house .bushes {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 33px 0 0 7px #4d7076, 82px 0 0 14px #4d7076, 56px 0 0 4px #4d7076, 110px 0 0 0 #4d7076, 141px 0 0 7px #4d7076, 172px 0 0 3px #4d7076, 190px 0 0 -1px #4d7076, 223px 0 0 15px #4d7076, 266px 0 0 7px #4d7076, 299px 0 0 0 #4d7076;
-webkit-box-shadow: 33px 0 0 7px #4d7076, 82px 0 0 14px #4d7076, 56px 0 0 4px #4d7076, 110px 0 0 0 #4d7076, 141px 0 0 7px #4d7076, 172px 0 0 3px #4d7076, 190px 0 0 -1px #4d7076, 223px 0 0 15px #4d7076, 266px 0 0 7px #4d7076, 299px 0 0 0 #4d7076;
box-shadow: 33px 0 0 7px #4d7076, 82px 0 0 14px #4d7076, 56px 0 0 4px #4d7076, 110px 0 0 0 #4d7076, 141px 0 0 7px #4d7076, 172px 0 0 3px #4d7076, 190px 0 0 -1px #4d7076, 223px 0 0 15px #4d7076, 266px 0 0 7px #4d7076, 299px 0 0 0 #4d7076;
position: absolute;
background: #4d7076;
top: 149px;
left: 0;
width: 30px;
height: 30px;
}